:root {
  font-family: "Microsoft Yahei", "PingFang SC", "PingFang TC", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Noto Sans Simplified Chinese", "Noto Sans Traditional Chinese";
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgb(0 0 0);
  background-color: #f4f2ee;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;


  --el-color-primary: rgb(22, 100, 255);
  /* --el-button-active-bg-color:rgb(43, 105, 251);
  --primary-color-focus: #ccdbff;
  --success-color: #0fbf60;
  --success-color-hover: #14ed78;
  --info-color: #3370ff;
  --info-color-hover: #6694ff;
  --warning-color: #ff8b07;
  --warning-color-hover: #ffa33a;
  --warning-color-focus: #ffd3a0;
  --danger-color: #ee4d38;
  --danger-color-hover: #f27767;
  --danger-color-focus: #facbc5;
  --disabled-color: #f5f6f7;
  --font-color: #282f38;
  --border-radius: 2px; */
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}

html, body, #app {
  background: #f4f2ee; 
  margin: 0px;
  padding: 0px;
  height: 100%;
}

h1 {
  font-size: 3.2em;
  line-height: 1.1;
}


.card {
  padding: 2em;
}

#app {

}

@media (prefers-color-scheme: light) {
  :root {
    color: #000;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
}
